.monaco-tree-editor-pages {
  width: 100%;
  height: 100%;
  padding: 25px;
  color: var(--monaco-text-base-2);

  &-title {
    padding: 8px 15px;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    cursor: default;
    &:hover {
      background-color: var(--monaco-bg-pages-item-hover);
    }
  }

  &-item {
    width: 100%;
    padding: 15px;
    &:hover {
      background-color: var(--monaco-bg-pages-item-hover);
    }
    &-select {
      width: 320px;
      height: 26px;
      background-color: var(--monaco-bg-pages-select);
      border-color: var(--monaco-border-base-1);
      border-width: 1px;
      color: inherit;
      border-radius: 0;
      cursor: pointer;

      &:focus {
        border-color: var(--monaco-border-base-2);
      }
      option {
        line-height: 26px;
        background-color: inherit;
      }
    }
    &-button {
      display: inline-block;
      line-height: 30px;
      cursor: pointer;
      padding: 0 5px;
      border-radius: 2px;
      color: var(--monaco-text-pages-button);
      background-color: var(--monaco-bg-pages-button);
      &:hover {
        background-color: var(--monaco-bg-pages-button-hover);
      }
    }
  }
}
